<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>A17三层</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Save for Web Styles (A17三层.jpg) -->
<link href="css/A17_cut_03.css" rel="stylesheet" type="text/css" />
<!-- End Save for Web Styles -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.query.js"></script>
<script type="text/javascript" src="js/chooseBed.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//通过url地址获取层数的参数
		var url = parent.window.location.href;
		var floor = $.query.load(url).get("f");
		$("div[id*='A17-L']").each(function() {
			var room = $(this);
			var id = room.attr("id");
			var patten = /^A17-L\d{2}-\d{2}$/;

			room.addClass(id);

			if (patten.test(id)) {
				setRoomState(room, false, closed);
				room.click(showRoom);
			}
		});
		//获取该层的所有房间信息
		$.post("AjaxAction!getRoomInfo.action", {
			department : "A17",
			floor : floor
		}, function(data) {
			$(data).each(function(i) {
				var obj = $('#' + data[i].room_number);
				setRoomState(obj, true);

				var func = null;
				if (data[i].total == data[i].current) {
					func = full;
				} else if (data[i].chooseAble == 0) {
					func = closed;
				}
				if (func != null) {
					setRoomState(obj, false, func); //关闭的房间
				} else {
					if (data[i].gender_type == '0') { //男生房间用蓝色遮罩层
						setRoomState(obj, false, showRoom, "blue");
					} else { //女生房间用红色遮罩层表示
						setRoomState(obj, false, showRoom, "red");
					}
				}
			});
		}, "json");		
	});
		
</script>
</head>
<body
	style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
	<!-- Save for Web Slices (A17三层.jpg) -->
	<div id="__01">
		<div id="chooseInfo">
			<p style="margin-left: 30px">
				<span>选房状态：</span><span id="chooseState">未选</span>
			</p>
			<p style="margin-left: 30px">
				<span>房间：</span><span id="chooseRoom">无</span>
			</p>
			<p style="margin-left: 30px">
				<span>床位：</span><span id="chooseBed">无</span>
			</p>
		</div>
		<div id="bed" style="visibility: visible"></div>
		<div id="A17-L03-001">
			<img src="images/A17/A17-L03-01.png" width="600" height="51" alt="">
		</div>
		<div id="A17-L03-002">
			<img src="images/A17/A17-L03-02.png" width="31" height="374" alt="">
		</div>
		<div id="A17-L03-01">
			<img src="images/A17/A17-L03-03.png" width="45" height="34" alt="">
		</div>
		<div id="A17-L03-004">
			<img src="images/A17/A17-L03-04.png" width="12" height="374" alt="">
		</div>
		<div id="A17-L03-02">
			<img src="images/A17/A17-L03-05.png" width="43" height="34" alt="">
		</div>
		<div id="A17-L03-006">
			<img src="images/A17/A17-L03-06.png" width="326" height="96" alt="">
		</div>
		<div id="A17-L03-52">
			<img src="images/A17/A17-L03-07.png" width="43" height="34" alt="">
		</div>
		<div id="A17-L03-008">
			<img src="images/A17/A17-L03-08.png" width="16" height="374" alt="">
		</div>
		<div id="A17-L03-51">
			<img src="images/A17/A17-L03-09.png" width="45" height="34" alt="">
		</div>
		<div id="A17-L03-010">
			<img src="images/A17/A17-L03-10.png" width="39" height="374" alt="">
		</div>
		<div id="A17-L03-03">
			<img src="images/A17/A17-L03-11.png" width="45" height="31" alt="">
		</div>
		<div id="A17-L03-04">
			<img src="images/A17/A17-L03-12.png" width="43" height="31" alt="">
		</div>
		<div id="A17-L03-50">
			<img src="images/A17/A17-L03-13.png" width="43" height="31" alt="">
		</div>
		<div id="A17-L03-49">
			<img src="images/A17/A17-L03-14.png" width="45" height="31" alt="">
		</div>
		<div id="A17-L03-05">
			<img src="images/A17/A17-L03-15.png" width="45" height="31" alt="">
		</div>
		<div id="A17-L03-06">
			<img src="images/A17/A17-L03-16.png" width="43" height="31" alt="">
		</div>
		<div id="A17-L03-017">
			<img src="images/A17/A17-L03-17.png" width="11" height="31" alt="">
		</div>
		<div id="A17-L03-48">
			<img src="images/A17/A17-L03-18.png" width="32" height="31" alt="">
		</div>
		<div id="A17-L03-47">
			<img src="images/A17/A17-L03-19.png" width="45" height="31" alt="">
		</div>
		<div id="A17-L03-07">
			<img src="images/A17/A17-L03-20.png" width="45" height="32" alt="">
		</div>
		<div id="A17-L03-08">
			<img src="images/A17/A17-L03-21.png" width="43" height="15" alt="">
			<img src="images/A17/A17-L03-37.png" width="34" height="17" alt="">
		</div>
		<div id="A17-L03-022">
			<img src="images/A17/A17-L03-22.png" width="10" height="15" alt="">
		</div>
		<div id="A17-L03-14">
			<img src="images/A17/A17-L03-23.png" width="18" height="70" alt="">
		</div>
		<div id="A17-L03-16">
			<img src="images/A17/A17-L03-24.png" width="20" height="70" alt="">
		</div>
		<div id="A17-L03-18">
			<img src="images/A17/A17-L03-25.png" width="15" height="70" alt="">
		</div>
		<div id="A17-L03-20">
			<img src="images/A17/A17-L03-26.png" width="19" height="70" alt="">
		</div>
		<div id="A17-L03-22">
			<img src="images/A17/A17-L03-27.png" width="18" height="70" alt="">
		</div>
		<div id="A17-L03-028">
			<img src="images/A17/A17-L03-28.png" width="131" height="15" alt="">
		</div>
		<div id="A17-L03-30">
			<img src="images/A17/A17-L03-29.png" width="16" height="70" alt="">
		</div>
		<div id="A17-L03-32">
			<img src="images/A17/A17-L03-30.png" width="19" height="70" alt="">
		</div>
		<div id="A17-L03-34">
			<img src="images/A17/A17-L03-31.png" width="16" height="70" alt="">
		</div>
		<div id="A17-L03-36">
			<img src="images/A17/A17-L03-32.png" width="19" height="70" alt="">
		</div>
		<div id="A17-L03-38">
			<img src="images/A17/A17-L03-33.png" width="17" height="70" alt="">
		</div>
		<div id="A17-L03-40">
			<img src="images/A17/A17-L03-34.png" width="19" height="70" alt="">
		</div>
		<div id="A17-L03-46">
			<img src="images/A17/A17-L03-35.png" width="32" height="32" alt="">
		</div>
		<div id="A17-L03-45">
			<img src="images/A17/A17-L03-36.png" width="45" height="32" alt="">
		</div>
		<div id="A17-L03-12">
			<img src="images/A17/A17-L03-38.png" width="19" height="55" alt="">
		</div>
		<div id="A17-L03-24">
			<img src="images/A17/A17-L03-39.png" width="19" height="55" alt="">
		</div>
		<div id="A17-L03-25">
			<img src="images/A17/A17-L03-40.png" width="21" height="55" alt="">
		</div>
		<div id="A17-L03-041">
			<img src="images/A17/A17-L03-41.png" width="48" height="17" alt="">
		</div>
		<div id="A17-L03-28">
			<img src="images/A17/A17-L03-42.png" width="22" height="55" alt="">
		</div>
		<div id="A17-L03-29">
			<img src="images/A17/A17-L03-43.png" width="21" height="55" alt="">
		</div>
		<div id="A17-L03-09">
			<img src="images/A17/A17-L03-44.png" width="45" height="38" alt="">
		</div>
		<div id="A17-L03-045">
			<img src="images/A17/A17-L03-45.png" width="34" height="64" alt="">
		</div>
		<div id="A17-L03-26">
			<img src="images/A17/A17-L03-46.png" width="23" height="38" alt="">
		</div>
		<div id="A17-L03-27">
			<img src="images/A17/A17-L03-47.png" width="25" height="38" alt="">
		</div>
		<div id="A17-L03-048">
			<img src="images/A17/A17-L03-48.png" width="32" height="64" alt="">
		</div>
		<div id="A17-L03-44">
			<img src="images/A17/A17-L03-49.png" width="45" height="38" alt="">
		</div>
		<div id="A17-L03-050">
			<img src="images/A17/A17-L03-50.png" width="45" height="208" alt="">
		</div>
		<div id="A17-L03-051">
			<img src="images/A17/A17-L03-51.png" width="346" height="26" alt="">
		</div>
		<div id="A17-L03-052">
			<img src="images/A17/A17-L03-52.png" width="45" height="208" alt="">
		</div>
		<div id="A17-L03-10">
			<img src="images/A17/A17-L03-53.png" width="18" height="53" alt="">
		</div>
		<div id="A17-L03-11">
			<img src="images/A17/A17-L03-54.png" width="16" height="53" alt="">
		</div>
		<div id="A17-L03-13">
			<img src="images/A17/A17-L03-55.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L03-15">
			<img src="images/A17/A17-L03-56.png" width="18" height="53" alt="">
		</div>
		<div id="A17-L03-17">
			<img src="images/A17/A17-L03-57.png" width="20" height="53" alt="">
		</div>
		<div id="A17-L03-19">
			<img src="images/A17/A17-L03-58.png" width="15" height="53" alt="">
		</div>
		<div id="A17-L03-21">
			<img src="images/A17/A17-L03-59.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L03-23">
			<img src="images/A17/A17-L03-60.png" width="18" height="53" alt="">
		</div>
		<div id="A17-L03-061">
			<img src="images/A17/A17-L03-61.png" width="131" height="182" alt="">
		</div>
		<div id="A17-L03-31">
			<img src="images/A17/A17-L03-62.png" width="16" height="53" alt="">
		</div>
		<div id="A17-L03-33">
			<img src="images/A17/A17-L03-63.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L03-35">
			<img src="images/A17/A17-L03-64.png" width="16" height="53" alt="">
		</div>
		<div id="A17-L03-37">
			<img src="images/A17/A17-L03-65.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L03-39">
			<img src="images/A17/A17-L03-66.png" width="17" height="53" alt="">
		</div>
		<div id="A17-L03-41">
			<img src="images/A17/A17-L03-67.png" width="19" height="53" alt="">
		</div>
		<div id="A17-L03-42">
			<img src="images/A17/A17-L03-68.png" width="15" height="53" alt="">
		</div>
		<div id="A17-L03-43">
			<img src="images/A17/A17-L03-69.png" width="17" height="53" alt="">
		</div>
		<div id="A17-L03-070">
			<img src="images/A17/A17-L03-70.png" width="143" height="129" alt="">
		</div>
		<div id="A17-L03-071">
			<img src="images/A17/A17-L03-71.png" width="138" height="129" alt="">
		</div>
	</div>
	<!-- End Save for Web Slices -->
</body>
</html>